export function TriggerIcon() {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="32"
      height="32"
      viewBox="0 0 32 32"
    >
      <g fill="currentColor">
        <path
          fill="currentColor"
          d="M22.707,10.293l-6-6c-0.391-0.391-1.023-0.391-1.414,0l-6,6c-0.391,0.391-0.391,1.023,0,1.414 s1.023,0.391,1.414,0L16,6.414l5.293,5.293C21.488,11.902,21.744,12,22,12s0.512-0.098,0.707-0.293 C23.098,11.316,23.098,10.684,22.707,10.293z"
        ></path>{" "}
        <path
          fill="currentColor"
          d="M21.293,20.293L16,25.586l-5.293-5.293c-0.391-0.391-1.023-0.391-1.414,0s-0.391,1.023,0,1.414l6,6 C15.488,27.902,15.744,28,16,28s0.512-0.098,0.707-0.293l6-6c0.391-0.391,0.391-1.023,0-1.414S21.684,19.902,21.293,20.293z"
        ></path>
      </g>
    </svg>
  );
}

export function VersionLabel() {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="18"
      height="18"
      viewBox="0 0 18 18"
    >
      <g fill="currentColor">
        <path
          d="M1.75 4.25H7.336C7.601 4.25 7.856 4.355 8.043 4.543L13.836 10.336C14.617 11.117 14.617 12.383 13.836 13.164L10.664 16.336C9.883 17.117 8.617 17.117 7.836 16.336L2.043 10.543C1.855 10.355 1.75 10.101 1.75 9.836V4.25Z"
          fill="currentColor"
          fillOpacity="0.3"
          data-stroke="none"
          stroke="none"
        ></path>{" "}
        <path
          d="M1.75 4.25H7.336C7.601 4.25 7.856 4.355 8.043 4.543L13.836 10.336C14.617 11.117 14.617 12.383 13.836 13.164L10.664 16.336C9.883 17.117 8.617 17.117 7.836 16.336L2.043 10.543C1.855 10.355 1.75 10.101 1.75 9.836V4.25Z"
          stroke="currentColor"
          strokeWidth="1"
          strokeLinecap="round"
          strokeLinejoin="round"
          fill="none"
        ></path>{" "}
        <path
          d="M3.25 1.75V1.25H8.836C9.101 1.25 9.356 1.355 9.543 1.543L15.336 7.336C15.768 7.768 15.961 8.348 15.915 8.913"
          stroke="currentColor"
          strokeWidth="1"
          strokeLinecap="round"
          strokeLinejoin="round"
          fill="none"
        ></path>{" "}
        <path
          d="M5.25 9C5.94036 9 6.5 8.44036 6.5 7.75C6.5 7.05964 5.94036 6.5 5.25 6.5C4.55964 6.5 4 7.05964 4 7.75C4 8.44036 4.55964 9 5.25 9Z"
          fill="currentColor"
          data-stroke="none"
          stroke="none"
        ></path>
      </g>
    </svg>
  );
}

export function StableIcon() {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="18"
      height="18"
      viewBox="0 0 18 18"
      className="size-4"
    >
      <g fill="currentColor">
        <path
          d="M3.25,2.25h4.922c.53,0,1.039,.211,1.414,.586l5.75,5.75c.781,.781,.781,2.047,0,2.828l-3.922,3.922c-.781,.781-2.047,.781-2.828,0L2.836,9.586c-.375-.375-.586-.884-.586-1.414V3.25c0-.552,.448-1,1-1Z"
          fill="none"
          stroke="currentColor"
          className="text-black dark:text-white"
          stroke-linecap="round"
          stroke-linejoin="round"
          stroke-width="1"
        ></path>
        <circle
          cx="6.25"
          cy="6.25"
          r="1.25"
          fill="currentColor"
          data-stroke="none"
          stroke="none"
        ></circle>
      </g>
    </svg>
  );
}

export function BetaIcon() {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="18"
      height="18"
      viewBox="0 0 18 18"
      className="size-4"
    >
      <g fill="currentColor">
        <path
          d="M3.25 2.25H8.172C8.702 2.25 9.211 2.461 9.586 2.836L15.336 8.586C16.117 9.367 16.117 10.633 15.336 11.414L11.414 15.336C10.633 16.117 9.367 16.117 8.586 15.336L2.836 9.586C2.461 9.211 2.25 8.702 2.25 8.172V3.25C2.25 2.698 2.698 2.25 3.25 2.25Z"
          fill="currentColor"
          fill-opacity="0.5"
          data-stroke="none"
          stroke="none"
        ></path>{" "}
        <path
          d="M3.25 2.25H8.172C8.702 2.25 9.211 2.461 9.586 2.836L15.336 8.586C16.117 9.367 16.117 10.633 15.336 11.414L11.414 15.336C10.633 16.117 9.367 16.117 8.586 15.336L2.836 9.586C2.461 9.211 2.25 8.702 2.25 8.172V3.25C2.25 2.698 2.698 2.25 3.25 2.25Z"
          className="text-black dark:text-white"
          stroke="currentColor"
          stroke-width="1"
          stroke-linecap="round"
          stroke-linejoin="round"
          fill="none"
        ></path>{" "}
        <path
          d="M6.25 7.5C6.94036 7.5 7.5 6.94036 7.5 6.25C7.5 5.55964 6.94036 5 6.25 5C5.55964 5 5 5.55964 5 6.25C5 6.94036 5.55964 7.5 6.25 7.5Z"
          className="text-black dark:text-white"
          data-stroke="none"
          stroke="none"
        ></path>
      </g>
    </svg>
  );
}
